function shuaxin(){
    $.ajax({
        url:'/my/category/list',
        success:function(res){
            // console.log(res);
          if(res.status===0){
            let str ='';
           res.data.forEach(item=>{
            //  console.log(item.id);
            str +=`
            <tr>
            <td>${item.name}</td>
            <td>${item.alias}</td>
            <td>
            <button type="button" class="layui-btn layui-btn-xs" data-name="${item.name}" data-alias="${item.alias}" data-id="${item.id}">编辑</button>
            <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" data-id="${item.id}">删除</button>
            </td>
          </tr>
            `
            // console.log(${item.id});
           })
           $('tbody').html(str);
          //  console.log();
          }
        }
    });
    // <button type="button" class="layui-btn layui-btn-xs" data-name="${item.name}" data-alias="${item.alias}" data-id="${item.id}>编辑</button>
    // <button type="button" class="layui-btn layui-btn-danger layui-btn-xs" data-id="${item.id}">删除</button>
    // console.log($('.layui-btn-danger'));
}
shuaxin();
$('tbody').on('click','button:contains("删除")',function(){
//    console.log($(this).parents('tr') );;

// $(this).parents('tr').remove()
// console.log($(this));
// console.log($('.layui-btn-danger').data('id'));
let id = $(this).data('id');
layer.confirm('确定删除吗？', function(index){
  //do something
  $.ajax({
    url:'/my/category/delete',
    data:{id:id},
    success:function(res){
        // console.log(res);
        layer.msg(res.message);
        if (res.status === 0) {
            shuaxin();

        }
    }

})
  layer.close(index);
});  
// console.log($(this));

})
let edit='';
$('tbody').on('click','button:contains("编辑")',function(){
    //    console.log($(this).parents('tr') );;
    // let data = data.seril
    // $(this).parents('tr').remove()
    // console.log($(this));
    // console.log($('.layui-btn-danger').data('id'));
    let data = $(this).data();
      edit= layer.open({
        type:'1',
        title: '编辑类别',
        content: $('#tpl-edit').html(),
        area:['500px','300px'],
        success:function(){
          $('#edit-form input[name=name]').val(data.name);
          $('#edit-form input[name=alias]').val(data.alias);
          $('#edit-form input[name=id]').val(data.id);
        }
      });   
    });
    // let id = $('.layui-btn-danger').data('id');
    // let name= $('.layui-btn-danger').data('name');
    // let alias= $('.layui-btn-danger').data('alias');
    // $.ajax({
    //     type:'post',
    //     url:'/my/category/update',
    //     data:{
    //         id:id,
    //         name:name,
    //         alias:alias
    //     },
    //     success:function(res){
    //         // console.log(res);
    //         layer.msg(res.message);
    //         if (res.status === 0) {
    //             shuaxin();
    //         }
    //     }
    
    // })
   
    // console.log($('#tpl-edit #edit-form'));
    $('body').on('submit','#edit-form',function(e){
      e.preventDefault();
      // console.log(123);
      let data = $(this).serialize();
      // console.log(data);
      $.ajax({
        type:'post',
        dataType:'json',
        url:'/my/category/update',
        data:data,
        success:function(res){
          if(res.status===0){
            shuaxin();
            layer.close(edit)
          }
        }
      });
    });
    let add1='';
    $('.btn1').on('click',function(){
      // console.log(123);
      add1=layer.open({
        type:'add',
        title: '添加类别',
        content: $('#tpl-add').html(),
        area:['500px','300px'],
        success:function(){
          layer.msg('请添加类名类别', {
            icon: 1,
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
          }, function(){
            //do something
          });   
        }
      });     
        
    });
    $('body').on('submit','#add-form',function(e){
      e.preventDefault();
      // console.log(123);
      let data = $(this).serialize();
      // console.log(data);
      $.ajax({
        type:'post',
        dataType:'json',
        url:'/my/category/add',
        data:data,
        success:function(res){
          if(res.status===0){
            shuaxin();
            layer.close(add1)
          }
        }
      });
    });